<template>
    <div class="no-result">
        <div class="no-result-icon">
            <img :src="noResultUrl" alt="">
        </div>
        <p class="no-result-text">{{title}}</p>
    </div>
</template>

<script type="text/ecmascript-6">
    import noResultUrl from 'static/image/no-result.png'
    export default {
        props: {
            title: {
                type: String,
                default: '暂无数据'
            }
        },
        data () {
            return {
                noResultUrl
            }
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    @import "~common/stylus/variable"
    .no-result
        padding-top 80rpx
        text-align: center
        .no-result-icon
            width: 264rpx
            height: 173rpx
            margin: 0 auto
            img
                width 100%
                height 100%
        .no-result-text
            margin-top: 50rpx
            font-size: $font-size-medium
            color: $color-text-d
</style>
